import React from "react"

import ThemeContext from "../../utils/theme"

let {Consumer}=ThemeContext


//上下文
//所有的外层组件，都是内层的上下文
//作用：顺着组件树层级传递数据的一种方式(单向传输)
//在无状态组件中，是没有上下文，要使用useContext


//上下文对象有两个组件
{/* <Provider value={}></Provider>向组件树注入数据 */}
{/* <Consumer>{()=>()}</Consumer>使用上下文数据 */}

export default class extends React.Component{
    render(){
        return(
            <Consumer>
                {
                    (theme)=>(
                        <div
                            style={{
                                color:theme.color,
                                background:theme.background
                            }}
                        >
                            <h1>测试上下午</h1>
                        </div>
                    )
                }
            </Consumer>
        )
    }
}